// @import '/static/css/common.scss';
@mixin borderBottom {
	border-bottom: 2upx solid #fff;
}
.apply-button1{
	position: absolute;
	top: 26upx;
	right: 30upx;
	color: #ff557d;
	}
.myStore{
	background-color: $bg01;
	// min-height: 1600upx;
	.st-header{
		overflow: hidden;
		color: #fff;
		height: 479upx;
		text-align: center;
		margin-top: -88upx;
		.hd-line1{
			margin-top: 50upx;
			position: relative;
			height: 100upx;
			line-height: 100upx;
			font-size: 36upx;
			@include borderBottom;
		}
		.hd-line2{
			height: 80upx;
			line-height: 80upx;
			font-size: 30upx;
			text-align: center;
			margin-top: 88upx;
			border-top: 2upx solid #fff;
		}
		.hd-line3{
			height: 160upx;
			text-align: center;
			display: flex;
			.line3-item{
				flex: 1;
				view{
					line-height: 80upx;
				}
				.item2{
					line-height: 40upx;
				}
			}
		}
		.hd-line4{
			.button1{
				color: #ff557d;
			}
		}
	}
}
// 第二块内容
.two-content{
	line-height: 140upx;
	display: flex;
	.ct-item{
		flex: 1;
		text-align: center;
		position: relative;
		.button2{
			background-color:#ff557d!important;
			box-shadow: 2px 5px 10px 2px #f9dae2;
		}
		
		.item-box{
			position: absolute;
			top: 92upx;
			left: 48upx;
			width: 140upx;
			font-size: 24upx;
			color: $color3;
			background-color: #faf2f5;
				box-shadow: 1px 5px 16px 4px 
					rgba(152, 23, 54, 0.2);
				border-radius: 0px 0px 10px 10px;
			z-index: 99;
			view{
				line-height: 60upx;
				font-size: 28upx;
			}
			.hr{
				width: 50upx;
				height: 2upx;
				background-color: #ccc;
				margin: 0 auto;
			}
		}
	}
	
}
// d订单
.user-order{
	// width: 95%;
	margin: 0 auto;
	margin-top: 44upx;
	height: 414upx;
	background-color: #fff;
	border-radius: 10upx;
	.od-title{
		height: 70upx;
		line-height: 70upx;
		border-bottom: 2upx solid $colore;
		position: relative;
		.text1{
			margin-left: 26upx;
			font-size: 30upx;
			color: $color3;
		}
		.text2{
			position: absolute;
			top: 0upx;
			right: 30upx;
			font-size: 24upx;
			color: $color9;
			.iconfont{
				margin-left: 10upx;
			}
		}
		
	}
	.od-content{
		display: flex;
		flex-wrap: wrap;
		.od-item{
			flex: 1;
			min-width: 186upx;
			max-width: 186upx;
			text-align: center;
			image{
				margin-top: 40upx;
				width: 58upx;
				height: 58upx;
			}
			view{
				margin-top: 10upx;
				font-size: 24upx;
				color: $color6;
			}
		}
	}
}
// 未开通我的店
.mode-dialog{
	.tipsImg{
		width: 598upx;
		height: 631upx;
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		
		.tipsContent{
			width: 598upx;
			height: 268upx;
			margin-top: 215upx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			line-height: 80upx;
			color: #999999;
			&>text:first-child{
				color: #000000;
				font-weight: bold;
				font-size: $font-base + 4upx;
			}
			&>view{
				width: 464upx;
				height: 77upx;
				display: flex;
				justify-content: space-between;
				margin-top: 30upx;
				&>button{
					width: 218upx;
					height: 74upx;
					border-radius: 48upx;
				}
				&>button:first-child{
					border: 2upx solid #999;
				}
				&>button:last-child{
					box-shadow: 2px 5px 10px 2px #ecd4db;
					background-color: #ff557d;
				}
			}
		}
	}
}

// 认证中
// .certification {
	.rz{
		width: 470upx;
		height: 520upx;
		background-color: #ffffff;
		box-shadow: 0px 0px 57upx 0px 
			rgba(255, 85, 125, 0.04);
		border-radius: 20upx;
		display: flex;
		flex-direction: column;
		align-items: center;
		image{
			width: 160upx;
			height: 160upx;
			margin-top: 50upx;
		}
		.title{
			font-size: 34upx;
			color: #111;
			line-height: 76upx;
		}
		.hint{
			font-size: 26upx;
			color: #666;
			padding: 0 85upx;
			text-align: center;
		}
		.button1{
			padding: 0;
			width: 300upx;
			height: 80upx;
			line-height: 80upx;
			color: #fff;
			background-color: #0088ff;
			border-radius: 10upx;
			margin-top: 40upx;
		}
		.wdd{
			background-color: $bg02;
		}
		.anew{
			background-color: #0088ff;
		}
	}
// }


// 账单管理 start 

	.bill{
		padding-bottom: 160upx;
		.other-box{
			display: flex;
			justify-content: space-around;
			width: 380upx;
			height: 62upx;
			margin-left: 116upx;
			.other{
				width: 60upx;
				height: 40upx;
				border: solid 2upx #eeeeee;
				font-size: 24upx;
				color: #666;
				text-align: center;
			}
			.other-active{
				background-color: $bg02;
				color: #fff;
			}
		}
		.hb-header{
			padding: 0 30upx;
			height: 82upx;
			background-color: $bg01;
			display: flex;
			align-items: center;
			> text{
				font-size: 24upx;
				color: $color6;
			}
			> .first-text{
				margin-right: 10upx;
			}
			.two-text{
				padding: 0 6upx;
			}
			.date{
				width: 160upx;
				height: 40upx;
				border: solid 2upx #eeeeee;
				.date-text{
					font-size: 24upx;
					color: #666;
				}
			}
			.date-active{
				border: solid 2upx $bg02;
			}
		}
		
		
		.refund{
			width: 750upx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		.title{
			width: 731upx;
			border-radius: 10upx;
			background-color: #FFFFFF;
			display: flex;
			justify-content: space-between;
			font-size: $font-base - 4upx;
			align-items: center;
			flex-direction: column;
			.box{
				width: 731upx;
				height:58upx;
				line-height: 58upx;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.border-bottom{
				border-bottom: 1px solid #dcdcdc;
			}
			.box-item{
				width: 365.5upx;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.box-item1{
				font-size: 30upx;
				color: $bg02;
			}
			.box-item2{
				font-size: 30upx;
				color: #999;
			}
			
		
		}
		.conter{
			width: 731upx;
			// height: 320upx;
			border-radius: 10upx;
			background-color: #FFFFFF;
			margin-top: 32upx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			.conter-top{
				display: flex;
				width: 90%;
				margin: 0 auto;
				line-height: 60upx;
				.tp-item1{
					flex: 1;
					font-size: 22upx;
					color: #999;
				}
				.tp-item2{
					flex: 1;
					font-size: 20upx;
					color: #666;
					text-align: right;
				}
			}
			.conter-img-price{
				display: flex;
				align-items: center;
				width: 90%;
				margin: 0 auto;
				height: 100upx;
				image{
					width: 78upx;
					height: 78upx;
				}
				.price{
					margin-left: 45upx;
					line-height: 40upx;
					font-size: 20upx;
					color: #333;
					min-width: 250upx;
				}
				.line3{
					font-size: 24upx;
					color: $bg02;
					font-family: Din;
				}
			}
			.conter-time1{
				width: 90%;
				margin: 0 auto;
				text-align: right;
				line-height: 44upx;
				text:first-child{
					font-size: 24upx;
					color: #666;
				}
				text:last-child{
					font-size: 30upx;
					color: $bg02;
					font-family: Din;
				}
			}
			.conter-time2{
				width: 90%;
				margin: 0 auto;
				text-align: right;
				line-height: 44upx;
				text:first-child{
					font-size: 22upx;
					color: #999;
				}
				text:last-child{
					font-size: 24upx;
					color: #999;
					font-family: Din;
				}
			}
		}
		
	}
// 账单管理 end




// 商品发布 start 


.release{
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	.type-select{
		&>view{
			padding: 0 30upx;
			width: 750upx;
			height: 94upx;
			border-bottom: 1px solid #faf2f5;
			display: flex;
			align-items: center;
			color: #666666;
			.title{
				white-space: nowrap;
				font-size: 30upx;
				color: #333;
				margin-right: 20upx;
			}
			.title1{
				white-space: nowrap;
				font-size: $font-base - 4upx;
				color: #000000;
				margin-right: 20upx;
			}
			.type{
				width: 156upx;
				margin-right: 30upx;
				border-bottom: 1px solid #ff557d;
				.head-box{
					position: relative;
					.show-box{
						display: flex;
						justify-content: center;
						align-items: center;
						image{
							width: 20upx;
							height: 12upx;
							margin-left: 10upx;
						}
						.button{
							font-size: 26upx;
							color: #666;
						}
					}
					.item-box{
						width: 156upx;
						position: absolute;
						z-index: 999;
						font-size: $font-base - 6upx;
						background-color: #faf2f5;
						padding: 20upx;
						line-height: 50upx;
					}
				}
				.xfl{
					width: 156upx;
					border: none;
					font-size: $font-base - 8upx;
				}
			}
			.info{
				font-size: 20upx;
				color: #666;
				display: flex;
				flex-direction: column;
				justify-content: center;
				// align-items: center;
			}
		}
	}
	//商品图片视频
	.mt{
		margin-top: 30upx;
	}
	.img{
		&>view{
			
			height: 204upx;
			border-bottom: 1px solid #faf2f5;
			font-size: $font-base - 4upx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-left: 30upx;
			padding-right: 30upx;
		}
		.img-box{
			.img-list{
				width: 464upx;
				height: 150upx;
				.list{
					display: flex;
					align-items: center;
					.singleImg{
						margin: 0 10upx;
						width: 112upx;
						position: relative;
						image{
							width: 112upx;
							height: 112upx;
							border-radius: 8upx;
						}
						.remove{
							width: 30upx;
							height: 30upx;
							background-color: red;
							border-radius: 0 8upx 0 0;
							position: absolute;
							top: 0;
							right: 0;
							z-index: 3;
							.remove-img{
								position: absolute;
								top: 4upx;
								right: 4upx;
								font-size: 20upx;
								color: #fff;
							}
						}
					}
				}
			}
			.img-item{
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				image{
					width: 112upx;
					height: 110upx;
				}
			}
		}
		.video-box{
			display: flex;
			.video-item1{
				min-width: 360upx;
				max-width: 360upx;
				height: 160upx;
				border: 2upx dashed #999;
				border-radius: 10upx;
				position: relative;
				.video{
					width: 100%;
					height: 100%;
					border-radius: 10upx;
				}
				.remove{
					width: 30upx;
					height: 30upx;
					background-color: red;
					border-radius: 0 10upx 0 0;
					position: absolute;
					top: 0;
					right: 0;
					z-index: 3;
					.remove-img{
						position: absolute;
						top: 4upx;
						right: 4upx;
						font-size: 20upx;
						color: #fff;
					}
				}
			}
			.video-item{
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				image{
					width: 112upx;
					height: 110upx;
				}
			}
		}
	}
	.textarea{
		width: 95%;
		height: 290upx;
		font-size: 28upx;
		color: #333;
		margin: 0 auto;
		padding: 16upx;
	}
	.goodsName{
		padding-left: 30upx;
		padding-right: 30upx;
		width: 750upx;
		height: 94upx;
		border-bottom: 1px solid #faf2f5;
		font-size: $font-base - 4upx;
		display: flex;
		align-items: center;
		input{
			margin-left: 42upx;
			width: 554upx;
			border-bottom: 1px solid #ff557d;
			font-size: $font-base - 8upx;
		}
	}
	.goodsPrice{
		height: 210upx;
		border-bottom: 1px solid #faf2f5;
		display: flex;
		// align-items: center;
		padding-left: 30upx;
		padding-right: 30upx;
		font-size: $font-base - 4upx;
		&>text{
			padding-top: 30upx;
		}
		.priceTitle{
			display: flex;
			flex-direction: column;
			justify-content: center;
			// align-items: center;
			margin-left: 36upx;
			color: #ff0202;
			.price{
				width: 502upx;
				display: flex;
				flex-wrap: wrap;
				&>view{
					display: flex;
					align-items: center;
					color: #666666;
					margin-top: 26upx;
					position: relative;
					.picker{
						margin-left: 10upx;
						border-bottom: 2upx solid #FF557D;
						.iconfont{
							font-size: 26upx;
						}
					}
					input{
						width: 152upx;
						margin-left: 16upx;
						margin-right: 16upx;
						border-bottom: 1px solid #ff557d;
						font-size: $font-base - 8upx;
					}
					.RMB{
						position: absolute;
						top: 0upx;
						right: 40upx;
					}
				}
			}
		}
	}
	.activity{
		padding-left: 30upx;
		padding-right: 30upx;
		width: 750upx;
		border-bottom: 1px solid #faf2f5;
		font-size: 30upx;
		color: #333;
		display: flex;
		flex-direction: column;
		justify-content: center;
		&>text{
			padding-top: 30upx;
		}
		&>view{
			margin-top: 30upx;
			margin-left: 113upx;
		}
		.limit{
			display: flex;
			color: #666;
			font-size: 28upx;
		
			.select-region{
				
				.group{
					font-size: 24upx;
					.radio{
						display: flex;
						line-height: 50upx;
						input{
							margin-left: 6upx;
							width: 150upx;
							border-bottom: 2upx solid #ff557d;
							text-align: center;
							color: $bg02;
						}
					}
				}
				
				
			}
		}
		.other{
			display: flex;
			color: #666;
			font-size: 28upx;
			> text{
				margin-top: 24upx;
				width: 90upx;
			}
			.select-region{
				// display: flex;
				// flex-direction: column;
				margin-left: 20upx;
				font-size: 24upx;
				width: 100%;
				.ot-footer{
					font-size: 20upx;
					color: $bg02;
					display: flex;
					flex-direction: row;	
					line-height: 40upx;
					input{
						color: #666;
						font-size: 24upx;
						height: 40upx;
						text-align: center;
						border-bottom: 2upx solid $bg02;
					}
				}
					> view{
						margin-bottom: 20upx;
						display: flex;
						flex-direction: column;
						margin-top: 20upx;
						
						> text{
							line-height: 50upx;
							text{
								font-size: 20upx;
								line-height: 50upx;
							}
						}
						.timeSetting{
							display: flex;
							flex-direction: column;
							.startAnEnd{
								display: flex;
								color: #ff557d;
								line-height: 50upx;
								font-size: 20upx;
								.input{
									width:218upx;
									margin-left: 16upx;
									margin-right: 16upx;
									height: 40upx;
									border-bottom: 1px solid #ff557d;
									font-size: 20upx;
									color: #999;
								}
							}
						}
				}
			}
		}
		.radio{
			transform:scale(0.7)
		}
		.send{
			display: flex;
			.radio{
				margin-left: 30upx;
				transform:scale(0.7)
			}
		}
	}
	.infos{
		padding-left: 30upx;
		padding-right: 30upx;
		width: 750upx;
		border-bottom: 1px solid #faf2f5;
		font-size: $font-base - 4upx;
		display: flex;
		flex-direction: column;
		// justify-content: center;
		&>text{
			padding-top: 30upx;
		}
		.box{
			width: auto;
			margin-left: 150upx;
			display: flex;
			flex-wrap: wrap;
			// justify-content: space-between;
			// width: 568upx;
			.checkbox {
				min-width: 280upx;
				display: flex;
				align-items: center;
				margin-bottom: 20upx;
				.input {
					width: 152upx;
					margin-right: 16upx;
					border-bottom: 1px solid #ff557d;
					font-size: $font-base - 4upx;
				}
			}
		}
		.btn{
			width: 584upx;
			height: 92upx;
			background-color: #ff557d;
			border-radius: 10upx;
			box-shadow: 5px 5px 5px #ffd9e2;
			margin: 62upx;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: $font-base;
		}
	}
	
}


// 商品发布 end

// 历史订单 start 
.history-bill{
	.hb-header{
		padding: 0 30upx;
		height: 82upx;
		background-color: #fff;
		display: flex;
		align-items: center;
		> text{
			font-size: 24upx;
			color: $color6;
		}
		> .first-text{
			margin-right: 10upx;
		}
		.two-text{
			padding: 0 6upx;
		}
		.date{
			width: 160upx;
			height: 40upx;
			border: solid 2upx #eeeeee;
			.date-text{
				font-size: 24upx;
				color: #666;
			}
		}
		.date-active{
			border: solid 2upx $bg02;
		}
		.other-box{
			display: flex;
			.other{
				width: 60upx;
				height: 40upx;
				border: solid 2upx #eeeeee;
				margin-left: 18upx;
				font-size: 24upx;
				color: #666;
				text-align: center;
			}
			.other-active{
				background-color: $bg02;
				color: #fff;
			}
		}
	}
	.hb-query{
		width: 100%;
		height: 76upx;
		button{
			width: 80upx;
			height: 40upx;
			line-height: 40upx;
			border: solid 2upx $bg02;
			font-size: 24upx;
			color: $bg02;
			background-color: #fff;
			padding: 0upx;
			border-radius: 0upx;
			position: relative;
			top: 16upx;
			right: -240upx;
		}
	}
	.hb-content{ //内容部分
		width: 95%;
		margin: 30upx auto 0;
		background-color: #fff;
		.ct-item{
			display: flex;
			height: 68upx;
			line-height: 68upx;
			text-align: center;
			text{
				flex: 1;
				font-size: 24upx;
				color: #333;
			}
		}
		.ct-border{
			border: 2upx solid $bg01;
		}
		.ct-header{
			height: 50upx;
			line-height: 50upx;
			background-color: $bg02;
			text{
				color: #fff;
			}
		}
		.ct-footer{
			margin-top: 50upx;
			display: flex;
			.ft-item{
				flex: 1;
				line-height: 68upx;
				text-align: center;
				font-size: 24upx;
				color: $color3;
				text{
					&:last-child{
						color: $bg02;
						font-size: 30upx;
					}
				}
			}
		}
	}
}
// 历史订单 end



// 用户协议 start
	.user-pact{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin: 42upx 0upx;
		&>text{
			font-weight: bold;
			font-size: $font-base + 2upx;
		}
		&>view{
			// text-indent:2em;
			display: block;
			padding-top: 42upx;
			padding-left: 52upx;
			padding-right: 20upx;
			align-items: center;
			color: #666666;
			justify-content: space-between;
			font-size: $font-base + 2upx;
			line-height: 50upx;
		}
		.icon-you{
			font-size: $font-base + 2upx;
			color: #888;
		}
	}
// 用户协议 end

// 认证选择 start


.store-select{
	.iconfont{
		position: absolute;
		top: 50upx;
		right: 30upx;
		font-size: 60upx;
		color: #999;
	}
		.backImg{
			height: 700upx;
			// width: 750upx;
			background-size: cover;
			margin-left: 30upx;
		}
		.btn{
			height: 470upx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			&>button{
				width: 682upx;
				height: 100upx;
				line-height: 100upx;
				border-radius: 48upx;
				background-color: $bg02;
				margin: 40upx 0upx;
				color: #FFFFFF;
			}
			.shopBtn{
				border: 1px solid $bg02;
				background-color: #FFFFFF;
				color:$bg02 ;
			}
			.btn-item{
				width: 682upx;
				display: flex;
				// flex-direction: column;
				align-items: center;
				justify-content: center;
				
				&>button{
					width: 282upx;
					height: 92upx;
					color: #999999;
					border: 2upx solid $color9;
				}
				// &>button:last-child{
				// 	color: #FFFFFF;
				// 	background-color: $bg02;
				// 	box-shadow: 2px 5px 10px 2px #ecd4db;
				// 	border: none;
				// }
			}
		}
	}

// 认证选择 end


// 个人认证 start
.personal-attest{
	.top{
		height: 353upx;
		background-color: #FFFFFF;
		margin: 28upx 0upx;
		border-bottom: 1px solid #e4e4e4;
		display: flex;
		align-items: center;
		justify-content: center;
		.top-item{
			width: 697upx;
			font-size: $font-base + 4upx;
			.top-title{
				height: 86upx;
				border-bottom: 1px solid #e4e4e4;
				display: flex;
				align-items: center;
				color: #5a5a5b;
				// justify-content: space-between;
				image{
					width: 48upx;
					height: 48upx;
				}
				&>text{
					margin-left: 20upx;
					font-size: 36upx;
				}
			}
			.top-conter{
				.top-conter1{
					height: 86upx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					color: #5a5a5b;
					font-size: 30upx;
					&>view{
						color: #adadad;
						font-size: 24upx;
						.iconfont{
							font-size: 24upx;
							margin-left: 20upx;
						}
					}
				}
				.top-conter2{
					height: 86upx;
					display: flex;
					align-items: center;
					// justify-content: space-between;
					border-top: 1px solid #e4e4e4;
					color: #5a5a5b;
					font-size: 30upx;
					input{
						color:#a7a7a7;
						font-size: 24upx;
						margin-left: 75upx;
					}
				}
			}
		}
	}
	
	.conter{
		// height: 397upx;
		background-color: #FFFFFF;
		margin: 28upx 0upx;
		border-bottom: 1px solid #e4e4e4;
		
		.ci-describe{
			font-size: 18upx;
			color: #f00;
			text-indent: 92upx;
		}
		.conter-item{
			width: 697upx;
			margin: 0 auto;
			font-size: $font-base + 4upx;
			display: flex;
			
			.conter-title{
				height: 86upx;
				width: 100%;
				border-bottom: 1px solid #e4e4e4;
				display: flex;
				align-items: center;
				color: #5a5a5b;
				font-size: 36upx;
				image{
					width: 48upx;
					height: 48upx;
				}
				&>text{
					margin-left: 20upx;
					
				}
			}
		}
		.conter-box{
			width: 559upx;
			
			height: 210upx;
			margin: 50upx auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.img1{
				width: 214upx;
				height: 202upx;
				border: 1px dashed #e4e4e4;
				display: flex;
				justify-content: center;
				overflow: hidden;
				.singleImg { // 选中的图片样式
					width: 100%;
					height: 100%;
					position: relative;
				
					image {
						width: 100%;
						height: 100%;
					}
				
					.remove {
						width: 50upx;
						height: 50upx;
						line-height: 50upx;
						text-align: center;
						background-color: red;
						border-radius: 0 8upx 0 0;
						position: absolute;
						top: 0;
						right: 0;
						z-index: 3;
				
						.remove-img {
							font-size: 20upx;
							color: #fff;
						}
						.iconfont{
							font-size: 24upx;
						}
					}
				}
				
				.do{
					width: 100%;
					height: 100%;
					text-align: center;
					.oo{
						display: block;
						font-size: 100upx;
						color: #ccc;
						margin-top: 30upx;
					}
					.text{
						font-size: 26upx;
						color: #909090;
					}
					.line2{
						font-size: 18upx;
						color: #ff0000;
					}
					> image{
						width: 100%;
						height: 100%;
						
					}
				}
			}
		}
	}
	.position-attest{
		background-color: #FFFFFF;
		margin: 28upx 0upx;
		border-bottom: 1px solid #e4e4e4;
		.position-item{
			width: 697upx;
			margin: 0 auto;
			font-size: $font-base + 4upx;
			display: flex;
			
			.position-title{
				height: 86upx;
				width: 100%;
				border-bottom: 1px solid #e4e4e4;
				display: flex;
				align-items: center;
				color: #5a5a5b;
				font-size: 36upx;
				image{
					width: 48upx;
					height: 48upx;
				}
				&>text{
					margin-left: 20upx;
					
				}
			}
		}
		.position-box{
			margin: 20upx 0;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			.pos-boxLeft{
				font-size: 34upx;
				padding-left: 20upx;
				color: #333333;
			}
			.pos-boxRight{
				margin-left: 50upx;
				font-size: 12px;
				color: rgb(153, 153, 153);
			}
		}
	}
	.shop{
		background-color: #FFFFFF;
		margin: 28upx 0upx;
		border-bottom: 1px solid #e4e4e4;
		display: flex;
		align-items: center;
		justify-content: center;
		.shop-item{
			width: 697upx;
			font-size: $font-base + 4upx;
			.shop-title{
				height: 86upx;
				border-bottom: 1px solid #e4e4e4;
				display: flex;
				align-items: center;
				color: #5a5a5b;
				// justify-content: space-between;
				image{
					width: 48upx;
					height: 48upx;
				}
				&>text{
					margin-left: 20upx;
				}
			}
			.shop-conter{
				.shop-conter2:first-child{
					border: none;
				}
				.shop-conter2{
					height: 86upx;
					display: flex;
					align-items: center;
					border-top: 1px solid #e4e4e4;
					color: #5a5a5b;
					font-size: 30upx;
					input{
						color:#999;
						font-size: 24upx;
						margin-left: 75upx;
					}
					.picker{
						color:#999;
						font-size: 24upx;
						margin-left: 75upx;
					}
					.place{
						font-size: 24upx;
						color: #999;
					}
				}
			}
		}
	}
	
	.license{
		height: 397upx;
		background-color: #FFFFFF;
		margin: 28upx 0upx;
		border-bottom: 1px solid #e4e4e4;
		display: flex;
		align-items: center;
		flex-direction: column;
		.license-item{
			width: 697upx;
			font-size: $font-base + 4upx;
			.license-title{
				height: 86upx;
				border-bottom: 1px solid #e4e4e4;
				display: flex;
				align-items: center;
				color: #5a5a5b;
				image{
					width: 48upx;
					height: 48upx;
				}
				&>text{
					margin-left: 20upx;
				}
			}
		}
		.license-box{
			width: 559upx;
			height: 210upx;
			margin: 50upx 0upx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			&>view{
				width: 214upx;
				height: 202upx;
				border: 1px dashed #e4e4e4;
				display: flex;
				justify-content: center;
				overflow: hidden;
			}
		}
	}
	
	.bottom{
		background-color: #FFFFFF;
		margin: 28upx 0upx;
		display: flex;
		align-items: center;
		flex-direction: column;
		.bottom-item{
			width: 697upx;
			font-size: $font-base + 4upx;
			.bottom-title{
				height: 86upx;
				border-bottom: 1px solid #e4e4e4;
				display: flex;
				align-items: center;
				color: #5a5a5b;
				image{
					width: 48upx;
					height: 48upx;
				}
				&>text{
					margin-left: 20upx;
					font-size: 36upx;
				}
			}
		}
		.bottom-box{
			height: 446upx;
			margin: 38upx 0upx;
			width: 652upx;
			.box-time1{
				display: flex;
				align-items: center;
				justify-content: space-between;
				&>view{
					background-color: #f5f5f5;
					width: 454upx;
					height: 82upx;
					border-radius: 10upx;
				}
				input{
					margin-left: 25upx;
					height: 82upx;
				}
				.button{
					width: 173upx;
					height: 82upx;
					background-color: #ff557d;
					font-size: 28upx;
					padding: 0;
					color: #fff;
				}
				.button-active{
					background-color: #999999;
				}
			}
			.box-time2{
				width: 652upx;
				height: 134upx;
				margin: 30upx 0upx;
				// border: 1px solid red;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				&>view:first-child{
					width: 652upx;
					background-color: #f5f5f5;
					height: 82upx;
					border-radius: 10upx;
				}
				input{
					margin-left: 25upx;
					height: 82upx;
				}
			.box-tips{
				width: 652upx;
				padding-top: 30upx;
				font-size: 20upx;
				line-height: 40upx;
				color: #a7a7a7;
				display: flex;
				justify-content: center;
				.radio{
					transform:scale(0.7)
				}
				&>view{
					display: flex;
					justify-content: space-between;
					
				}
				.a{
					color: #e994b2;
				}
			}
			}
			.btn{
				width: 652upx;
				height: 90upx;
				margin: 50upx 0upx;
				background-color: #ccc;
				border-radius: 15upx;
				color: #fff;
			}
			.btn-active{
				background-color: #ff557d;
			}
		}
	}
	.mode-dialog{
		.tipsImg{
			width: 598upx;
			height: 631upx;
			background-size: cover;
			display: flex;
			align-items: center;
			justify-content: center;
			
			.tipsContent{
				width: 598upx;
				height: 268upx;
				margin-top: 215upx;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				line-height: 80upx;
				color: #999999;
				&>text:first-child{
					color: #000000;
					font-weight: bold;
					font-size: $font-base + 4upx;
				}
				button{
					background-color: #ff557d;
					width: 305upx;
					height: 82upx;
				}
				
			}
		}
		
	}
	.delImg{
		width: 598upx;
		height: 68upx;
		display: flex;
		justify-content: center;
		&>view{
			width: 68upx;
			height: 68upx;
			background-repeat: no-repeat;
			background-size: cover;
		}
	}
}


// 个人认证 end


// 店铺宣言
.shop-declaration{
	
	.box{
		width: 750upx;
		height: 362upx;
		margin: 30upx 0upx;
		&>view{
			height: 88upx;
			width: 750upx;
			background-color: #FFFFFF;
			display: flex;
			align-items: center;// 控制上中下
			input{
				height: 88upx;
				width: 690upx;
				margin-left: 52upx;
			}
		}
		&>text{
			color: #b1afb0;
			font-size: $font-lg - 4upx;
			padding-left: 52upx;
		}
		.btn{
			margin: 142upx 0upx;
			background-color:#faf2f5;
			button{
				width: 582upx;
				height: 92upx;
				background-color: #FF557D;
				display: flex;
				align-items: center;// 控制上中下
				justify-content: center;
				font-size: $font-lg;
			}
		}
	}
	
}
	
// 店铺宣言 end

// 店铺名称 start

.shop-name{
	
	.box{
		width: 750upx;
		height: 362upx;
		margin: 30upx 0upx;
		&>view{
			height: 88upx;
			width: 750upx;
			background-color: #FFFFFF;
			display: flex;
			align-items: center;// 控制上中下
			input{
				height: 88upx;
				width: 690upx;
				margin-left: 52upx;
			}
		}
		&>text{
			color: #b1afb0;
			font-size: $font-lg - 4upx;
			padding-left: 52upx;
		}
		.btn{
			margin: 142upx 0upx;
			background-color:#faf2f5;
			button{
				width: 582upx;
				height: 92upx;
				background-color: #FF557D;
				display: flex;
				align-items: center;// 控制上中下
				justify-content: center;
				font-size: $font-lg;
			}
		}
	}
	
}
	// 店铺名称 end
	
	// 店铺环境 start
	.shop-img{
		
		.box{
			width: 750upx;
			height: 362upx;
			margin: 30upx 0upx;
			.title{
				height: 88upx;
				width: 750upx;
				background-color: #FFFFFF;
				display: flex;
				align-items: center;// 控制上中下
				font-size: $font-lg - 4upx;
				padding-left: 52upx;
				&>text{
					& text{
						color: #9f9f9f;
					}
				}
			}
			.upLoadImg{
				height: auto;
				display: flex;
				flex-wrap: wrap;
				padding: 0 30upx;
				margin-top: 46upx;
				
				.img{
					flex: 1;
					min-width: 180upx;
					max-width: 180upx;
					height: 180upx;
					margin: 0 10upx 16upx;
					border: 2upx dashed #ccc;
					border-radius: 10upx;
					background-color: #fff;
					position: relative;
					image{
						width: 100%;
						height: 100%;
						border-radius: 10upx;
					}
					.icon{
						display: block;
						width: 60upx;
						height: 60upx;
						margin: 0 auto;
						font-size: 60upx;
						color: #aaa;
						@include box-column-center;
					}
					.remove{
						width: 40upx;
						height: 40upx;
						background-color: red;
						border-radius: 0 10upx 0 0;
						position: absolute;
						top: 0;
						right: 0;
						z-index: 3;
						.remove-img{
							position: absolute;
							top: 8upx;
							right: 8upx;
							font-size: 26upx;
							color: #fff;
						}
					}
				}
			}
			.tips{
				height: 50upx;
				&>text{
					font-size: $font-lg - 4upx;
					color: #9f9f9f;
					padding-left: 52upx;
					margin: 28upx 0upx;
				}
			}
			
			.btn{
				margin: 62upx 0upx;
				background-color:#faf2f5;
				button{
					width: 582upx;
					height: 92upx;
					background-color: #ff557d;
					display: flex;
					align-items: center;// 控制上中下
					justify-content: center;
					font-size: $font-lg;
				}
			}
		}
		
	}
	// 店铺环境 end
	
	// 店铺联系方式 start 
	.shopPhone{
		.box{
			width: 750upx;
			height: 362upx;
			margin: 30upx 0upx;
			&>view{
				height: 88upx;
				width: 750upx;
				margin: 12upx 0upx;
				background-color: #FFFFFF;
				display: flex;
				align-items: center;// 控制上中下
				input{
					height: 88upx;
					width: 690upx;
					margin-left: 52upx;
				}
			}
			&>text{
				color: #b1afb0;
				font-size: $font-lg - 4upx;
				padding-left: 52upx;
			}
			.btn{
				margin: 142upx 0upx;
				background-color:#faf2f5;
				button{
					width: 582upx;
					height: 92upx;
					background-color: #ff557d;
					display: flex;
					align-items: center;// 控制上中下
					justify-content: center;
					font-size: $font-lg;
				}
			}
		}
		
	}	
	// 店铺联系方式 end
	
	
	// 店铺经营地址 start
	.shop-address{
		.box{
			width: 100%;
			.selectAddress{
				height:315upx;
				.select{
					width: 750upx;
					height: 150upx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					color: #333;
					&>text{
						font-weight: bold;
						padding-left: 28upx;
					}
					&>view{
						width: 545upx;
						display: flex;
						justify-content: space-between;
						font-size: 30upx;
						color: #666;
						image{
							width: 49upx;
							height: 43upx;
							margin-right: 122upx;
						}
					}
					
				}
				.write{
					width: 750upx;
					display: flex;
					color: #333;
					&>text{
						font-weight: bold;
						padding-left: 28upx;
					}
					textarea{
						width: 435upx;
						height: 140upx;
						margin-left: 30upx;
						font-size: 30upx;
						color: #666;
					}
				}
			}
			.btn{
				margin: 10upx 0upx;
				button{
					width: 584upx;
					height: 90upx;
					background-color: #FF557D;
				}
			}
			
		}
		
	}
	// 店铺经营地址 end
	
	// 营业时间 start
	.manage-times{
		.describe{
			width: 85%;
			margin: 0 auto;
			line-height: 40upx;
			font-size: 24upx;
			color: #999;
		}
		.button{
			width: 580upx;
			height: 90upx;
			line-height: 90upx;
			border-radius: 10upx;
			background-color: $bg02;
			color: #fff;
			margin-top: 70upx;
		}
		.mt-item{
			width: 85%;
			margin: 0 auto;
			line-height: 90upx;
			display: flex;
			font-size: 30upx;
			> text{
				color: #333;
			}
			.select-time{
				margin-left: 20upx;
				border-bottom: 2upx solid #666;
				width: 380upx;
				height: 70upx;
				color: #666;
			}
		}
	}
	
	// 营业时间 end
	
	// 店铺详情界面 start
	.store-container {
		.sc-title{
			width: 90%;
			height: 80upx;
			line-height: 80upx;
			text-align: center;
			margin: 0 auto;
			display: flex;
			font-size: 24upx;
			color: #333;
			.t-item{
				flex: 1;
				.iconfont{
					margin-right: 6upx;
					font-size: 26upx;
				}
			}
			.t-item-active{
				color: $bg02;
				position: relative;
				.iconfont{
					color: $bg02;
				}
				&:after{
					content: '';
					width: 40upx;
					height: 2upx;
					background-color: $bg02;
					position: absolute;
					bottom: 16upx;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
		.sc-content{
			width: 100%;
			min-height: 600upx;
			background-color: #faf2f5;
			overflow: hidden;
			.sur{
				text-align: center;
				.img{
					width: 520upx;
					height: 340upx;
					border-radius: 10upx;
					margin-top: 20upx;
				}
			}
			.phone{
				
				&:last-child{
					line-height: 80upx;
					text-align: center;
					font-size: 24upx;
					color: #666;
					margin-top: 40upx;
				}
				.ph-item{
					width: 90%;
					margin: 0 auto;
					text-align: center;
					line-height: 80upx;
					font-size: 30upx;
					color: $bg02;
					background-color: #fff;
				}
			}
		}
		
	}
	
	// 店铺详情界面 end
	.assess{
		
		.as-nav{
			width: 100%;
			height: 100upx;
			line-height: 100upx;
			display: flex;
			font-size: 30upx;
			color: $color3;
			.item{
				width: 220upx;
				text-align: center;
				transition: all .5s;
				&-active{
					color: $bg02;
					position: relative;
					&:after{
						position: absolute;
						bottom: 20upx;
						left: 50%;
						transform: translateX(-50%);
						content: '';
						width: 100upx;
						height: 4upx;
						background-color: #ff557d;
						border-radius: 2upx;
					}
				}
			}
		}
			}
	
	// 银行卡提现 start
	
	.withdraw{
		width: 750upx;
		margin: 52upx 0upx;
		display: flex;
		justify-content: center;
		align-items: center;
		&>view{
			width: 692upx;
			padding: 40upx;
			background-color: #FFFFFF;
			border-radius: 25upx;
			display: flex;
			justify-content: center;
			align-items: center;
			&>view{
				width: 587upx;
				color: #333333;
				font-size: 24upx;
				.title{
					display: flex;
					height: 60upx;
					line-height: 60upx;
					.bank{
						display: flex;
						// justify-content: space-between;
						align-items: center;
						margin-left: 40upx;
						height: 54upx;
						width: 240upx;
						color: #999;
						border-bottom: 2upx solid #999;
						text-indent: 20upx;
						.picker-item{
							.defaultCla{
								color: #999999;
							}
							.defaultClass{
								color: #333333;
							}
						}
					}
				}
				.amount{
					margin: 68upx 0upx;
					display: flex;
					flex-direction: column;
					
					.input{
						display: flex;
						margin: 38upx 0upx;
						font-size: 80upx;
						font-weight: bold;
						color: $bg02;
						border-bottom: 2upx solid #999;
						font-family: Din;
						width: 400upx;
						height: 114upx;
						
						.amount-item{
							// font-size: 80upx;
							// font-weight: bold;
							// font-family: Din;
							height: 100%;
						}
						.amount-item1{
							font-size: 80upx;
							font-weight: bold;
							font-family: Din;
							height: 100%;
						}
					}
					
					
				}
				.btn{
					&>button{
						width: 560upx;
						height: 94upx;
						background-color: $bg02;
						border-radius: 30upx;
						text-align: center;
						padding-top: 10upx;
						// box-shadow: 3px 5px 3px #fbd9e1;
					}
				}
			}
		}
	}
	// 弹出的输入框
	.replied{
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: space-between;
		bottom: 0upx;
		left: 0upx;
		width: 100%;
		height: 110upx;
		background-color: #fff;
		padding: 0 20upx;
		z-index: 9;
		input{
			width: 590upx;
			height: 72upx;
			border: 2upx solid $bg02;
			border-radius: 10upx;
			text-indent: 10upx;
			font-size: 24upx;
			color: #666;
		}
		button{
			width: 100upx;
			height: 60upx;
			line-height: 60upx;
			background-color: #ff557d;
			border-radius: 26upx;
			color: #fff;
			padding: 0;
			font-size: 24upx;
		}
	}
	
	// 评价内容部分
		.content-box{
			position: relative;
			.replied-active{
				
			}
			
			.top{
				display: flex;
				align-items: center;
				font-size: 24upx;
				height: 130upx;
				color: #333;
				padding: 0 40upx;
				background-color: #fff;
				border-radius: 10upx 10upx 0 0;
				margin-top: 30upx;
				image{
					width: 100upx;
					height: 100upx;
					border-radius: 10upx;
				}
				.top-box1{
					width: 400upx;
					margin-left: 30upx;
					
				}
				.top-box2{
					width: 160upx;
					text-align: right;
					font-family: Din;
					font-weight: 600;
					font-size: 30upx;
				}
			}
			
			.bottom{
				
				.bottom-top{
					// height: 100upx;
					font-size: 24upx;
					color: #666;
					padding: 0 30upx;
					background-color: #fff;
					border-top: 2upx solid $bg01;
					.top1{
						height: 100upx;
						display: flex;
						align-items: center;
						.item1{
								flex: 1;
								image{
									width: 60upx;
									height: 60upx;
									border-radius: 50%;
								}
								text{
									font-size: 30upx;
									color: #333;
									margin-left: 20upx;
								}
							}
							.item2{
								flex: 1;
								display: flex;
								justify-content: flex-end;
								font-size: 20upx;
								color: #999;
								.reply{
									margin-right: 30upx;
								}
								.a{
									.iconfont{
										margin-right: 6upx;
										font-size: 28upx;
									}
									&-active{
										color: $bg02;
										.iconfont{
											color: $bg02;
										}
									}
								}
							}
					}
					
					.top2{
						width: 100%;
						 .text{
							 margin-left: 84upx;
							 font-size: 24upx;
							 line-height: 60upx;
							 color: #666;
						 }
						 .img{
							 display: flex;
							 // justify-content: space-around;
							 align-items: center;
							 // height: 170upx;
							 image{
								 width: 120upx;
								 height: 160upx;
								 border-radius: 10upx;
								 margin-left: 30upx;
								 padding: 20upx 0;
							 }
						 }
					}
					
					// 评论的回复
					.as-reply{
						margin-left: 80upx;
						.who{
							height: 70upx;
							display: flex;
							align-items: center;
							image{
								width: 60upx;
								height: 60upx;
								border-radius: 50%;
							}
							text{
								font-size: 30upx;
								color: #333;
								margin-left: 20upx;
							}
							view{
								margin-left: 20upx;
								width: 54upx;
								height: 30upx;
								line-height: 30upx;
								font-size: 20upx;
								color: $bg02;
								border-radius: 10upx;
								border: solid 2upx #ff557d;
								text-align: center;
							}
						}
						.content{
							padding: 20upx 0;
							margin-left: 70upx;
							font-size: 24upx;
							color: #666;
						}
						.img{
							 display: flex;
							 // justify-content: space-around;
							 align-items: center;
							 // height: 170upx;
							 image{
								 width: 120upx;
								 height: 160upx;
								 border-radius: 10upx;
								 margin-left: 30upx;
								 padding: 20upx 0;
							 }
						}
					}
					
				}
			}
		}
	
	// 银行卡提现 end